@charset "UTF-8";
a, b, body, button, dd, div, dl, em, footer, form, h1, h2, h3, h4, h5, h6, i, input, label, li, nav, p, select, span, td, textarea, u, ul { padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; }
li, ol, ul { list-style: none; }
a { text-decoration: none; color: #414a60; }
    a:active, a:focus, a:hover, button, input, textarea { outline: 0; }
    a:hover { color: #00d7c6; text-decoration: none; -webkit-transition: all linear .2s; transition: all linear .2s; }
img { border: none; }
map area { outline: 0; }
table { border-collapse: collapse; }
body, button, input, option, select, td, textarea { font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif; -webkit-font-smoothing: antialiased; }
    button, input[type=button], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], textarea { -webkit-appearance: none; }
body { background: #f2f2f5; min-width: 1170px; line-height: 26px; color: #414a60; font-size: 14px; }
    body.page-white { background: #fff; }
.clear { clear: both; display: block; line-height: 0; font-size: 0; height: 0; visibility: hidden; }
.clear-fix:after { content: '\0020'; display: block; height: 0; clear: both; }
#header, .clearfix, .home-box, .info, .inner, .job-author, .job-list li, .job-primary, .promotion-job li { zoom: 1; position: relative; }
.inner { max-width: 1170px; margin: 0 auto; }
.home-inner { max-width: 1200px; }
.home-body { min-width: 1200px; }
.gray { color: #9fa3af; }
.red { color: #fc703e !important; }
.text-blue { color: #00c2b3; }
.gray-bg { background-color: #f3f3f4; }
.vline { display: inline-block; width: 1px; height: 12px; vertical-align: middle; background: #e0e0e0; margin: 0 10px; }
.vdot { display: inline-block; padding: 0 10px 0 7px; }
.btn:hover, .ipt:hover { -webkit-transition: all linear .2s; transition: all linear .2s; }
::selection { color: #fff; background: #00d7c6; }
::-moz-selection { color: #fff; background: #00d7c6; }
input::-webkit-input-placeholder { color: #9fa3af; }
input:-ms-input-placeholder { color: #9fa3af; }
input:-moz-placeholder { color: #9fa3af; }
input::-moz-placeholder { color: #9fa3af; }
textarea::-webkit-input-placeholder { color: #9fa3af; }
textarea:-ms-input-placeholder { color: #9fa3af; }
textarea:-moz-placeholder { color: #9fa3af; }
textarea::-moz-placeholder { color: #9fa3af; }


@-webkit-keyframes circle {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes circle {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@media (max-width:1170px) {
    #footer .inner, #header .inner, .job-banner .inner { padding: 0 15px; }
}

.bottom-banner { position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; background: #0cccb5; z-index: 30; }
    .bottom-banner img { position: relative; top: -16px; cursor: pointer; }
    .bottom-banner .closeIcon { position: absolute; top: 5px; right: 15px; width: 30px; height: 30px; color: #fff; cursor: pointer; background-position: -16px -2080px; background-color: transparent; }
        .bottom-banner .closeIcon:hover { background-position: 10px -2080px; }
/*!
 * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */

@-webkit-keyframes jconfirm-rotate {
    from { -webkit-transform: rotate(0); transform: rotate(0); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes jconfirm-rotate {
    from { -webkit-transform: rotate(0); transform: rotate(0); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.home-body { background: #f6f6f8; }
.common-tab-box { clear: both;  /*margin-bottom: 31px;*/ }
    .common-tab-box h3 { height: 45px; position: relative; overflow:hidden }
        .common-tab-box h3 span { float: left; display: inline-block; margin-right: 40px; line-height: 45px; color: #8d92a1; cursor: pointer; font-size: 14px; font-weight: 400; }
            .common-tab-box h3 span.cur { color: #414a60; }
    .common-tab-box ul { width: 100%; top: 47px; left: 0; background: #fff; display: none; border-top: solid 2px #63d4c7; }
        .common-tab-box ul.cur { font-weight: 400; display: block; }
    .common-tab-box .v-line { margin: 0 11px; border-color: #efeff1; }
.job-tab-box ul { height: 788px; }
    .job-tab-box ul li { height: 131px; width: 33.33333333%; float: left; }
.job-tab-box li .sub-li { display: block; border-right: solid 2px #f6f6f8; border-bottom: solid 2px #f6f6f8; height: 100%; margin-right: -2px; }
    .job-tab-box li .sub-li:hover { box-shadow: 5px 5px 20px rgba(0,0,0,.05); border-bottom-color: #eaebef; border-left-color: #edeef2; position: relative; z-index: 10; }
.job-tab-box li a { display: block; }
    .job-tab-box li a.user-info:hover { background: #fafafa; }
    .job-tab-box li a.job-info:hover p { color: #00d7c6; }
    .job-tab-box li a.job-info { height: 71px; padding-top: 10px; }
.job-tab-box li p { height: 35px; line-height: 35px; font-size: 15px; color: #61687c; width: 220px; padding-right: 70px; margin: 0 auto 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.job-tab-box li .salary { color: #fc6c38; position: absolute; right: 0; top: 0; font-size:20px;}
.job-tab-box li a.job-info p.job-text { font-size: 12px; color: #61687c; border-bottom: dashed 1px #e3e7ed; width: 290px; padding-right: 0; line-height: 28px; }
.job-tab-box a.user-info { padding: 7px 0 9px 0; }
.job-tab-box .user-info p { font-size: 14px; width: 290px; padding-right: 0; }
.job-tab-box .user-info img { width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; margin-right: 15px; }
.job-tab-box .user-info .user-text { margin-left: 10px; font-size: 12px; color: #8d92a1; }
.company-tab-box ul { height: 304px; }
    .company-tab-box ul li { height: 100px; width: 25%; float: left; }
.company-tab-box li a { color: #414a60; display: block; }
.company-tab-box li .sub-li { display: block; border-left: solid 2px #f6f6f8; border-bottom: solid 2px #f6f6f8; height: 100%; margin-left: -2px;border: solid 2px #f6f6f8; }
    .company-tab-box li .sub-li:hover { box-shadow: 5px 5px 20px rgba(0,0,0,.05); border-bottom-color: #eaebef; border-left-color: #edeef2; position: relative; z-index: 10; }
.company-tab-box li .company-info { height: 40px; width: 205px; margin: 0 auto 0 auto; padding-top: 20px; border-bottom: dashed 1px #ededed; }
    .company-tab-box li .company-info:hover { color: #00d7c6; }
    .company-tab-box li .company-info img { height: 55px; width: 55px; float: left; border-radius: 50%; border: solid 1px #f2f5fa; }
.company-tab-box li .conpany-text { /*margin-left: 65px;*/ text-align: left; overflow: hidden; text-overflow: ellipsis; }
    .company-tab-box li .conpany-text p .industry { max-width: 59px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; height: 12px; line-height: 12px; position: relative; top: 3px; }
    .company-tab-box li .conpany-text h4 { height: 25px; line-height: 25px; font-size: 16px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .company-tab-box li .conpany-text h4 a:hover { color: #61687c; }
    .company-tab-box li .conpany-text p { height: 40px; line-height: 41px; color: #898e9d; font-size: 12px; display: inline-block; white-space: nowrap; }

@media screen and (min-width:0\0) {
    .company-tab-box li .conpany-text p { overflow: hidden; text-overflow: ellipsis; display: block; }
}

@-moz-document url-prefix() {
    .company-tab-box li .conpany-text { margin-left: 65px; text-align: right; overflow: auto; text-overflow: unset; }
    .company-tab-box li .conpany-text p { overflow: hidden; text-overflow: ellipsis; width: 100%; }
}
.company-tab-box li .about-info { color: #8d92a1; height: 42px; line-height: 42px; font-size: 12px; }
    .company-tab-box li .about-info p { width: 205px; margin: 0 auto; }
    .company-tab-box li .about-info:hover { background: #fafafa; }
.company-tab-box li .pull-right { text-align: right; float: right; }
.hotcity-tab-box { margin-top: 25px; margin-bottom: -20px; width: 1000px; overflow: hidden; }
    .hotcity-tab-box h4 { height: 35px; line-height: 35px; }
    .hotcity-tab-box ul { width: 1010px; border: none; }
        .hotcity-tab-box ul li { float: left; height: 77px; width: 160px; margin: 0 8px 8px 0; position: relative; }
            .hotcity-tab-box ul li img { display: block; width: 160px; height: 77px; }
    .hotcity-tab-box h3 { border: none; }
    .hotcity-tab-box .model { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: none; }
    .hotcity-tab-box a:hover .model { display: block; }
.condition-insdustry:after, .job-time:after { content: ''; display: block; overflow: hidden; visibility: hidden; clear: both; }
.condition-insdustry, .job-tags, .job-time { zoom: 1; }
.search-box { width: 766px; position: relative; font-size: 13px; }
.search-form { position: relative; zoom: 1; z-index: 1000; }
.search-form-shadow { box-shadow: 0 1px 5px rgba(83,202,195,.5); }
.nav-search .search-form-shadow { box-shadow: none; }
.search-form-con { float: left; width: 676px; }
#header .search-form-con { width: 222px; }
.search-form .ipt-wrap-hover, .search-form-con:hover .ipt-wrap { border-color: #53cac3 !important; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s; }
.search-form .city-sel-hover, .search-form .industry-sel-hover, .search-form .position-sel-hover, .search-form-con:hover .city-sel, .search-form-con:hover .industry-sel, .search-form-con:hover .position-sel { border-color: #53cac3 !important; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s; }
.search-form .ipt-wrap { float: left; width: 354px; background: #fff; border: 1px solid #53cac3; border-left: none; border-right: none; }
.detail-search .ipt-wrap { border-color: #e3e7ed; width: 507px; }
.suggest-result { display: none; background: #fff; width: 693px; position: absolute; left: 71px; top: 44px; z-index: 1; border: 1px #f2f2f5 solid; box-shadow: 0 1px 8px rgba(0,0,0,.06); }
.nav-search .suggest-result { border: none; }
.suggest-result ul { max-height: 250px; overflow: auto; }
.suggest-result li { line-height: 50px; padding: 0 30px; border-bottom: 1px #f8f9fc solid; cursor: pointer; color: #61687c; }
    .suggest-result li.selected, .suggest-result li:hover { color: #18c3b1; background-color: #f8f9fb; }
    .suggest-result li .h, .suggest-result li .text-blue { font-style: normal; color: #18c3b1; text-decoration: none; }
    .suggest-result li.blank-data { color: #9fa3af; }
    .suggest-result li:last-of-type { border-bottom: 0; }

    .home-sider { width: 268px; position: absolute; left: 0; top: 0; }
.job-menu { background: #fff; color: #61687c; position: relative; z-index: 1; /*box-shadow: 5px 5px 15px rgba(3,0,0,.04);*/ /*padding-top: 8px;*/ }
.promotion-four .job-menu { padding-top: 4px; }
.job-menu dl { padding: 0 0; zoom: 1; height: 42px; }
.job-menu dt { font-size: 18px; padding: 0 32px; line-height: 32px; padding-top: 8px; }
    .job-menu dt .icon-arrow-right { float: right; background-position: 3px 0; margin-top: 5px; width: 12px; }
.job-menu dd .icon-arrow-right { float: right; background-position: -25px 0; margin-top: 5px; width: 12px; height:12px; background-image: url(../../images/icons.png); background-repeat: no-repeat;  }
.job-menu dl.cur .icon-arrow-right { background-position: -25px -31px;  }
.job-menu dd { padding: 8px 0 9px 20px; width: 233px; height: 27px; }
.job-menu a { color: #61687c; font-size: 13px; display: inline-block; line-height: 28px; margin-left: 4px; margin-right: 4px; }
.job-menu i { font-style: normal; font-size: 16px; position: relative; top: 2px; }
.job-menu a:hover { color: #61687c; }
.job-menu dl.cur { background: #5cc9b4; border-color: #d1d4db; border-right-color: #fff; position: relative; width: 268px; z-index: 10; }
    .job-menu dl.cur dd a { color: #fff; -webkit-transition: none; transition: none; }
    .job-menu dl.cur dd i { color: #fff; }
    .job-menu dl.cur dt { color: #18c3b1; }
.job-menu .menu-line { display: none; }
.job-menu dl.cur dt .icon-arrow-right { margin-right: 1px; background-position: 6px -28px; }
.job-menu dl.cur .menu-line { display: block; position: absolute; height: 100%; background: #5cc9b4; width: 5px; top: 0; right: 0; z-index: 11; }
.job-menu .all-box { display: none; }
.job-menu .show-all { padding: 8px 0 9px 20px; width: 233px; border-top: dashed 1px #ecedef; margin-top: 14px; color: #00c2b3; }
.promotion-four .job-menu .show-all { margin-top: 0; }
.menu-sub { display: none; position: absolute; background: #fff; padding: 20px 30px 20px 10px; width: 648px; top: 3px; margin-top: -10px; left: 268px; z-index: 1; box-shadow: 0 1px 6px rgba(6,0,1,.1); }
.job-menu dl.cur .menu-sub { display: block; }
.menu-sub li + li { padding-top: 10px; }
.menu-sub h4 { float: left; width: 104px; font-size: 13px; padding-top: 2px; text-align: right; font-weight: 400; }
    .menu-sub h4 .icon-arrow-right { position: relative; top: 2px; }
.menu-sub .text { margin-left: 130px; border-bottom: solid 1px #f5f6f9; padding: 0 0 10px 1px; }
.menu-sub ul li:last-of-type .text { border: none; }
.menu-sub .text a { margin-left: 0; margin-right: 25px; color: #9fa3b0; }
    .menu-sub .text a:hover { color: #18c3b1; }
.menu-all { padding: 0; width: 829px; }
    .menu-all .sub-tab { width: 212px; float: left; background: #fdfdfe; border-right: 1px #d1d4db solid; }
        .menu-all .sub-tab li { height: 104px; line-height: 104px; border-top: 1px #fdfdfe solid; border-bottom: 1px #fdfdfe solid; font-size: 18px; padding-top: 0; padding-left: 42px; cursor: pointer; }
            .menu-all .sub-tab li.cur { border-top-color: #d1d4db; border-bottom-color: #d1d4db; background: #fff; color: #18c3b1; position: relative; padding-right: 1px; margin-right: -1px; }
    .menu-all .sub-content { margin-left: 212px; width: 616px; overflow: auto; }
        .menu-all .sub-content ul { overflow: hidden; display: none; padding-top: 20px; }
            .menu-all .sub-content ul.show { display: block; }
        .menu-all .sub-content li h4 { float: none; padding-top: 0; width: auto; text-align: left; margin-left: 15px; }
        .menu-all .sub-content li { padding: 0 45px 10px; }
            .menu-all .sub-content li .text { margin-left: 0; margin-top: 0; }
.search-box .select-tree li { background: 0 0; }
.home-sider .promotion-img img { width: 300px; }
.home-main { margin-left: 292px; min-width: 697px; height: 468px; }
.promotion-four .home-main { height: 582px; }
.home-main .search-box { margin-top: 0; }
    .home-main .search-box .btn-search { font-size: 0; width: 90px; padding: 0; min-width: 0; }
.home-main .search-box { width: 708px; height:78px;  overflow:hidden;}
.home-main .search-form .ipt-wrap { width: 296px; }
.home-main .search-form .ipt-search { width: 265px; }
.home-main .search-form .position-box { left: 393px; }
.home-main .search-form .search-form-con { float: left; width: 618px; }
.home-main .city-sel, .home-main .industry-sel, .home-main .position-sel, .home-main .search-form .ipt-wrap { border-color: #fff; }
.home-main .suggest-result { width: 635px; }
.search-hot { font-size: 13px; color: #9fa3b0; padding: 16px 0; }
    .search-hot b { font-weight: 400; display: inline-block; margin-right: 5px; }
    .search-hot a { display: inline-block; margin-right: 22px; color: #9fa3b0; line-height:2rem; }
        .search-hot a:hover { color: #18c3b1; }
.smallPic { margin-bottom:6em;}